<template>
  <div>
    <div>
         输入买家秀名称 ：<input v-model="sort" type="text">
         <button @click="getImg">搜索</button>
    </div>
    <div >
      买家秀: <img style="vertical-align:middle;" src="../../assets/logo.png" alt=""></img>
    </div>

   
  </div>
</template>
<script>
import request from '@/utils/request' //引入封装好的axios
// 跨域：违反同源策略就是跨域
// 同源策略：前后端 要同协议 同域名  同端口 有一个不相同就跨域
// vue开发阶段 用proxy代理解决跨域
// proxy代理在vue.config.js中进行配置



// 熟悉接口文档
// 布局完成
// 什么时候调用接口
// 调用接口要传什么参数 要传参数怎么获取到
// 返回的数据如何使用
export default {
   data(){
    return {
       sort:"",//买家秀分类字段
    }
   },
   methods:{
    getImg(){ 
  
      // 调用接口
        request({
      
          // 配置代理后  axios省略地址用代理请求
          url:"api/qrcode",
          methods:"post",
          data:{
            url:"http://www.aeink.com", //买家秀分类
          }
        }).then(res=>{
          console.log(res,"成功的数据")
        }).catch(err=>{
          console.log(err,"失败原因")
        })
        this.$axios({
           url:"https://jsonplaceholder.typicode.com/users",
           method:"get",
      
        }).then(res=>{
          console.log(res,"成功的数据")
        }).catch(err=>{
          console.log(err,"失败原因")
        })
    }
   }
}
</script>